<script type="text/javascript" src="media/js/jquery.validate_pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#register").validate({
		rules: {
			display: {
			required: true,
			remote: "users/check_display"
			},
			username: {
			required: true,
			email: true,
			remote: "users/check_username"
			},
			password: {
			required: true,
			minlength: 6
			},
			_password: {
			equalTo: "#password"
			}
		},
		messages: {
			display: {
			required: "กรุณากรอกชื่อในระบบของคุณค่ะ",
			remote: jQuery.validator.format("{0} ไม่สามารถใช้ได้ค่ะ")
			},
			username: {
			required: "กรุณากรอกอีเมล์ของคุณค่ะ",
			email: "กรุณากรอกอีเมล์ให้ถูกต้องค่ะ",
			remote: jQuery.validator.format("{0} ไม่สามารถใช้ได้ค่ะ")
			},
			password: {
			required: "กรุณากรอกรหัสผ่านค่ะ",
			minlength: "รหัสผ่านต้องมีอย่างน้อย 6 ตัวอักษรค่ะ"
			},
			_password: {
			equalTo: "กรุณากรอกรหัสผ่านให้ตรงกันทั้ง 2 ช่องค่ะ"
			}
		},
		errorPlacement: function(error, element) {
			error.insertAfter(element.parent().find('label:first'));
		},
		success: function(label) {
			label.html("&nbsp;").addClass("ok");
		}
	});

});
</script>


<h2><span>สมัครสมาชิก</span></h2>
<form id="register" method="post">
<p><label class="required">อีเมล์:</label><br /><input class="half" type="text" name="username" /></p>
<p><label class="required">ชื่อในระบบ:</label><br /><input class="half" type="text" name="display" /></p>
<p><label class="required">รหัสผ่าน:</label><br /><input id="password" class="half" type="password" name="password" /></p>
<p><label class="required">ยืนยันรหัสผ่าน:</label><br /><input class="half" type="password" name="_password" /></p>
<p><input class="btn" type="submit" value="สมัครสมาชิก" /></p>
</form>